<template>
    <el-aside width=220px style="background-color: #f3f3f4">
        <el-menu default-active="2">
            <el-menu-item v-model="mark" index="1" @click="ToDepinfo">
                <i class="el-icon-menu"></i><span >信息统计</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="2" @click="ToDepteacher">
            <i class="el-icon-s-custom"></i> <span>教师管理</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="3" @click="ToDepexamine">
            <i class="el-icon-menu"></i><span >审核管理</span>
            </el-menu-item>
        </el-menu>

    </el-aside>
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css';
export default {
    name: "DepAside",
    data() {
        return {
            mark: ''
        }

    }, mounted() {
        this.mark = this.$store.state.Mark

    },methods:{
        ToDepinfo(){
            this.$router.push({
                path: '/Depinfo'
            })
        },
        ToDepteacher() {
            this.$router.push({
                path: '/Depteacher'
            })
        },
        ToDepexamine() {
            this.$router.push({
                path: '/Depexamine'
            })
        }
    }
}
</script>

<style>
.el-aside {
    margin-top: 1%;
    height: 50%;
    color: #333;
    border-radius: 2%;
}

.el-aside::-webkit-scrollbar {
    display: none;
}
</style>